
.aside-left{
  .panel-btn{
    position: relative;
    margin-bottom: 10px;
    width: 36px;
    height: 36px;
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.04);
    cursor: pointer;
  }
  .with-badge{
    &::after{
      content: attr(data-badge);
      position: absolute;
      top: 0;
      left: 75%;
      padding: .1rem .4rem;
      font-size: 12px;
      text-align: center;
      line-height: 1;
      white-space: nowrap;
      color: #fff;
      background-color: #b2bac2;
      border-radius: .7rem;
      transform-origin: left top;
      transform: scale(.75);
    }
  }
  .like-btn{
    background-image: url();
    background-position: 53% 46%;
    &:hover{
      background-image: url();
    }

  }
  .like_active{
    background-image: url();
    background-position: 53% 46%;
    &::after{
      background-color: #74ca46;
    }
  }
  .comment-btn{
    background-image: url();
    background-position: 50% 55%;
    &:hover{
      background-image: url();
    }
  }
  .collect-btn{
    background-image: url();
    &:hover{
      background-image: url();
    }
  }
  .collect-active{
    background-image: url();
  }
  .share-title{
    margin: 20px 0 10px;
    font-size: 13px;
    color: #c6c6c6;
    text-align: center;
  }
  .weibo-btn{
    background-image: url(//s3.pstatp.com/toutiao/xitu_juejin_web/img/weibo.2076a57.svg);
    &:hover{
      background-image: url(//s3.pstatp.com/toutiao/xitu_juejin_web/img/weibo-hover.9abf502.svg);
    }
  }
  .qq-btn{
    background-image: url();
    &:hover{
      background-image: url();
    }
  }
  .wechat-btn{
    background-image: url(//s3.pstatp.com/toutiao/xitu_juejin_web/img/wechat.63e1ce0.svg);
    &:hover{
      background-image: url(//s3.pstatp.com/toutiao/xitu_juejin_web/img/wechat-hover.c8ce019.svg);
    }
  }
}